﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>去重-统计次数-排序</title>
    <style>
        body {
            text-align: center;
        }
    </style>
    <script>
        window.onload = function () {
            var oT1 = document.getElementById('txt1')
            var oT2 = document.getElementById('txt2')
            var oBtn = document.getElementById('btn1')
            oBtn.onclick = function () {
                var s = oT1.value;//	'衣服 运动鞋篮球鞋 衣服 休闲鞋'
                var arr = s.split(' ');//	[衣服 运动鞋篮球鞋 跑步鞋 休闲鞋]

                var json = {};
                for (var i = 0; i < arr.length; i++) {
                    var key = arr[i];
                    if (json[key]) {
                        json[key]++;
                    } else {
                        json[key] = 1;
                    }
                }

                //json---arr--排序
                var arr2 = [];
                for (var key in json) {
                    arr2.push({name: key, count: json[key]});
                }
                arr2.sort(function (j1, j2) {
                    return j2.count - j1.count
                });

                //整理
                var arr3 = [];
                for (var i = 0; i < arr2.length; i++) {
                    arr3.push(arr2[i].name + '(' + arr2[i].count + ')');
                }
                console.log(arr3);
                oT2.value = arr3.join('\n');

            };
        };
    </script>
</head>

<body>
输入原始文本(空格隔开)：<br>
<textarea style="width:300px; height:200px;" id="txt1">衣服 运动鞋篮球鞋 跑步鞋 休闲鞋 帆布鞋 足球鞋 衣服 衣服 衣服 跑步鞋 跑步鞋 跑步鞋 跑步鞋 休闲鞋 帆布鞋 休闲鞋 帆布鞋 休闲鞋 帆布鞋</textarea><br>
<br>
<input type="button" value="变" id="btn1"/><br>
<br>
这里输出结果：<br>
<textarea style="width:300px; height:200px;" id="txt2"></textarea>
</body>
</html>
